<h2>
		 邮件模板	</h2>
	<div class="codeView bs-docs-example ">
			
	<div class="wrapper wrapper-content">
	<div class="row">
					<div class="col-lg-3">
		<div class="ibox float-e-margins">
			<div class="ibox-content mailbox-content">
				<div class="file-manager">
							<a class="btn btn-block compose-mail" href="/../page/mailCompose.page">写信</a>
		<div class="space-25"></div>
		<h5>文件夹</h5>
			<ul class="folder-list m-b-md" style="padding: 0">
							<li>
		<a href="#"> <i class="fa fa-inbox"></i>收件箱 <span class="label label-warning pull-right">16</span> 
		</a>
	</li>
			<li>
		<a href="/../page/mailDetail.page"> <i class="fa fa-envelope-o"></i>发信 <span class="label  pull-right"></span> 
		</a>
	</li>
			<li>
		<a href="#"> <i class="fa fa-certificate"></i>重要 <span class="label  pull-right"></span> 
		</a>
	</li>
			<li>
		<a href="#"> <i class="fa fa-file-text-o"></i>草稿 <span class="label label-danger pull-right">2</span> 
		</a>
	</li>
			<li>
		<a href="#"> <i class="fa fa-trash-o"></i>垃圾箱 <span class="label  pull-right"></span> 
		</a>
	</li>
			</ul>
		<h5>分类</h5>
			<ul class="category-list" style="padding: 0">
								<li>
	<a href="#"> <i class="fa fa-circle text-navy"></i> 		工作	</a>
	</li>
				<li>
	<a href="#"> <i class="fa fa-circle text-danger"></i> 		文档	</a>
	</li>
				<li>
	<a href="#"> <i class="fa fa-circle text-primary"></i> 		社交	</a>
	</li>
				<li>
	<a href="#"> <i class="fa fa-circle text-info"></i> 		广告	</a>
	</li>
				<li>
	<a href="#"> <i class="fa fa-circle text-warning"></i> 		客户端	</a>
	</li>
			</ul>
		<h5 class="tag-title">标签</h5>
			<ul class="tag-list" style="padding: 0">
								<li>
	<a href="#"> <i class="fa fa-tag "></i> 		朋友	</a>
	</li>
				<li>
	<a href="#"> <i class="fa fa-tag "></i> 		工作	</a>
	</li>
				<li>
	<a href="#"> <i class="fa fa-tag "></i> 		家庭	</a>
	</li>
				<li>
	<a href="#"> <i class="fa fa-tag "></i> 		孩子	</a>
	</li>
				<li>
	<a href="#"> <i class="fa fa-tag "></i> 		假期	</a>
	</li>
				<li>
	<a href="#"> <i class="fa fa-tag "></i> 		音乐	</a>
	</li>
				<li>
	<a href="#"> <i class="fa fa-tag "></i> 		照片	</a>
	</li>
				<li>
	<a href="#"> <i class="fa fa-tag "></i> 		电影	</a>
	</li>
			</ul>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
	</div>
		<div class="col-lg-9 animated fadeInRight">
			<div class="mail-box-header">
							<form method="get" action="" class="pull-right mail-search" onsubmit="return false">
					<div class="input-group">
								<input type="text" class="form-control input-sm " name="search" placeholder="搜索邮件标题，正文等" value="">
						<div class="input-group-btn">
		<button type="submit" class="btn btn-sm ">搜索</button>
	</div>
					</div>
			</form>
				<h2>收件箱 (16)</h2>
			<div class="mail-tools tooltip-demo m-t-md">
					<div class="btn-group pull-right">
					<button class="btn btn-white btn-sm"><i class="fa fa-arrow-left"></i>
					</button>
					<button class="btn btn-white btn-sm"><i class="fa fa-arrow-right"></i>
					</button>
	</div>
						<button class="btn btn-white btn-sm" data-toggle="tooltip" data-placement="left" title="刷新邮件列表"><i class="fa fa-refresh"></i> 		刷新	</button>
						<button class="btn btn-white btn-sm" data-toggle="tooltip" data-placement="top" title="标为已读"><i class="fa fa-eye"></i> 			</button>
						<button class="btn btn-white btn-sm" data-toggle="tooltip" data-placement="top" title="标为重要"><i class="fa fa-exclamation"></i> 			</button>
						<button class="btn btn-white btn-sm" data-toggle="tooltip" data-placement="top" title="标为垃圾邮件"><i class="fa fa-trash-o"></i> 			</button>
					</div>
</div>
			<div class="mail-box">
							<table class="table table-hover table-mail">
	<tbody>
								<tr class="unread ">
									    <td class="check-mail ">		<input type="checkbox" class="i-checks">
			</td>
							    <td class="mail-ontact ">											<a href="/../page/mailDetail.page">支付宝</a>
							</td>
							    <td class="mail-subject ">			<a href="/../page/mailDetail.page">支付宝提醒</a>
							</td>
							    <td>										<i class="fa fa-paperclip"></i>
							</td>
							    <td class="text-right mail-date ">		昨天 10:20	</td>
						</tr>
						<tr class="unread ">
									    <td class="check-mail ">		<input type="checkbox" class="i-checks" checked>
			</td>
							    <td class="mail-ontact ">				<a href="/../page/mailDetail.page">Amaze UI</a>
							</td>
							    <td class="mail-subject ">			<a href="/../page/mailDetail.page">Amaze UI Beta2 发布</a>
							</td>
							    <td>			</td>
							    <td class="text-right mail-date ">		上午10:57	</td>
						</tr>
						<tr class="read ">
									    <td class="check-mail ">		<input type="checkbox" class="i-checks">
			</td>
							    <td class="mail-ontact ">											<a href="/../page/mailDetail.page">WordPress</a>
  	<span class="label label-warning pull-right">
		验证邮件	</span>
							</td>
							    <td class="mail-subject ">										<a href="/../page/mailDetail.page">wp-user-frontend-pro v2.1.9</a>
							</td>
							    <td>			</td>
							    <td class="text-right mail-date ">		上午9:21	</td>
						</tr>
						<tr class="read ">
									    <td class="check-mail ">		<input type="checkbox" class="i-checks">
			</td>
							    <td class="mail-ontact ">				<a href="/../page/mailDetail.page">淘宝网</a>
							</td>
							    <td class="mail-subject ">			<a href="/../page/mailDetail.page">史上最全！淘宝双11红包疯抢攻略！</a>
							</td>
							    <td>			</td>
							    <td class="text-right mail-date ">		中午12:24	</td>
						</tr>
						<tr class="read ">
									    <td class="check-mail ">		<input type="checkbox" class="i-checks">
			</td>
							    <td class="mail-ontact ">											<a href="/../page/mailDetail.page">淘宝网</a>
  	<span class="label label-danger pull-right">
		AD	</span>
							</td>
							    <td class="mail-subject ">			<a href="/../page/mailDetail.page">亲，双11来啦！帮你挑货，还送你4999元红包！仅此一次！</a>
							</td>
							    <td>			<i class="fa fa-paperclip"></i>
							</td>
							    <td class="text-right mail-date ">		上午6:48	</td>
						</tr>
						<tr class="read ">
									    <td class="check-mail ">		<input type="checkbox" class="i-checks">
			</td>
							    <td class="mail-ontact ">				<a href="/../page/mailDetail.page">支付宝</a>
							</td>
							    <td class="mail-subject ">			<a href="/../page/mailDetail.page">支付宝提醒</a>
							</td>
							    <td>			<i class="fa fa-paperclip"></i>
							</td>
							    <td class="text-right mail-date ">		昨天 10:20	</td>
						</tr>
						<tr class="read ">
									    <td class="check-mail ">		<input type="checkbox" class="i-checks">
			</td>
							    <td class="mail-ontact ">				<a href="/../page/mailDetail.page">Amaze UI</a>
							</td>
							    <td class="mail-subject ">			<a href="/../page/mailDetail.page">Amaze UI Beta2 发布</a>
							</td>
							    <td>			</td>
							    <td class="text-right mail-date ">		上午10:57	</td>
						</tr>
						<tr class="read ">
									    <td class="check-mail ">		<input type="checkbox" class="i-checks">
			</td>
							    <td class="mail-ontact ">				<a href="/../page/mailDetail.page">WordPress</a>
  	<span class="label label-warning pull-right">
		验证邮件	</span>
							</td>
							    <td class="mail-subject ">			<a href="/../page/mailDetail.page">wp-user-frontend-pro v2.1.9</a>
							</td>
							    <td>			</td>
							    <td class="text-right mail-date ">		上午9:21	</td>
						</tr>
						<tr class="read ">
									    <td class="check-mail ">		<input type="checkbox" class="i-checks">
			</td>
							    <td class="mail-ontact ">				<a href="/../page/mailDetail.page">淘宝网</a>
							</td>
							    <td class="mail-subject ">			<a href="/../page/mailDetail.page">史上最全！淘宝双11红包疯抢攻略！</a>
							</td>
							    <td>			</td>
							    <td class="text-right mail-date ">		中午12:24	</td>
						</tr>
						<tr class="read ">
									    <td class="check-mail ">		<input type="checkbox" class="i-checks">
			</td>
							    <td class="mail-ontact ">				<a href="/../page/mailDetail.page">淘宝网</a>
  	<span class="label label-danger pull-right">
		AD	</span>
							</td>
							    <td class="mail-subject ">			<a href="/../page/mailDetail.page">亲，双11来啦！帮你挑货，还送你4999元红包！仅此一次！</a>
							</td>
							    <td>			<i class="fa fa-paperclip"></i>
							</td>
							    <td class="text-right mail-date ">		上午6:48	</td>
						</tr>
						<tr class="read ">
									    <td class="check-mail ">		<input type="checkbox" class="i-checks">
			</td>
							    <td class="mail-ontact ">				<a href="/../page/mailDetail.page">支付宝</a>
							</td>
							    <td class="mail-subject ">			<a href="/../page/mailDetail.page">支付宝提醒</a>
							</td>
							    <td>			<i class="fa fa-paperclip"></i>
							</td>
							    <td class="text-right mail-date ">		昨天 10:20	</td>
						</tr>
						<tr class="read ">
									    <td class="check-mail ">		<input type="checkbox" class="i-checks">
			</td>
							    <td class="mail-ontact ">				<a href="/../page/mailDetail.page">Amaze UI</a>
							</td>
							    <td class="mail-subject ">			<a href="/../page/mailDetail.page">Amaze UI Beta2 发布</a>
							</td>
							    <td>			</td>
							    <td class="text-right mail-date ">		上午10:57	</td>
						</tr>
						<tr class="read ">
									    <td class="check-mail ">		<input type="checkbox" class="i-checks">
			</td>
							    <td class="mail-ontact ">				<a href="/../page/mailDetail.page">WordPress</a>
  	<span class="label label-warning pull-right">
		验证邮件	</span>
							</td>
							    <td class="mail-subject ">			<a href="/../page/mailDetail.page">wp-user-frontend-pro v2.1.9</a>
							</td>
							    <td>			</td>
							    <td class="text-right mail-date ">		上午9:21	</td>
						</tr>
						<tr class="read ">
									    <td class="check-mail ">		<input type="checkbox" class="i-checks">
			</td>
							    <td class="mail-ontact ">				<a href="/../page/mailDetail.page">淘宝网</a>
							</td>
							    <td class="mail-subject ">			<a href="/../page/mailDetail.page">史上最全！淘宝双11红包疯抢攻略！</a>
							</td>
							    <td>			</td>
							    <td class="text-right mail-date ">		中午12:24	</td>
						</tr>
						<tr class="read ">
									    <td class="check-mail ">		<input type="checkbox" class="i-checks">
			</td>
							    <td class="mail-ontact ">				<a href="/../page/mailDetail.page">淘宝网</a>
  	<span class="label label-danger pull-right">
		AD	</span>
							</td>
							    <td class="mail-subject ">			<a href="/../page/mailDetail.page">亲，双11来啦！帮你挑货，还送你4999元红包！仅此一次！</a>
							</td>
							    <td>			<i class="fa fa-paperclip"></i>
							</td>
							    <td class="text-right mail-date ">		上午6:48	</td>
						</tr>
					</tbody>
	</table>
			</div>
	</div>
	</div>
	</div>

		<h3>
		组件包	</h3>
	<pre class="prettyprint linenums"><span class="Huialert-danger"> 邮件模板依赖org.tinygroup.emailTemplate包</span></pre>
